<template>
  <ol
    class="rc-province-selector-tab-options"
    role="list"
    style="height: 496px"
  >
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="0"
      >
        北京
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        上海
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        天津
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        重庆
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        安徽
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        福建
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        甘肃
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        广东
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        广西壮族自治区
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        贵州
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        海南
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        河北
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        河南
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        黑龙江
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        湖北
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        湖南
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        吉林
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        江苏
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        江西
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        辽宁
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        内蒙古自治区
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        宁夏回族自治区
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        青海
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        山东
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        山西
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        陕西
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        四川
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        西藏自治区
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        新疆维吾尔自治区
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        云南
      </button>
    </li>
    <li role="listitem">
      <button
        type="button"
        class="rc-province-selector-option rc-province-selector-option-state"
        tabindex="-1"
      >
        浙江
      </button>
    </li>
  </ol>
  
</template>

<script>
export default {
    methods: {
        
    },
};
</script>

<style lang="less" scoped>
ol {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  margin: 0;
  padding: 0;
  li {
    list-style: none;
    margin: 18px 10px 18px 0;
    text-align: left;
    button {
      border: none;
      background-color: #fff;
      cursor: pointer;
    }
  }
}
</style>